<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!-- 禁用电话号码检测功能，禁止对数字随便可以拨号 -->
		<meta name="format-detection" content="telephone=no">
		<!-- 禁用地址检测功能，禁止跳转到地图 -->
		<meta name="format-detection" content="address=no">
		<!-- 在苹果设备上以全屏方式打开本网页 -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- 设置在苹果设备上状态的颜色，默认白色，要设置成什么颜色以Web颜色的风格而定 -->
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<title></title>
		<link rel="stylesheet" href="vendor/normalize.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/animate.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css" />
		<!-- 可选 -->
		<link rel="stylesheet" href="vendor/swiper/swiper.min.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/milk.css" />
		<!-- 苹果设备在桌面上生成的快捷图标 -->
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="icon" href="img/favicon.ico">
		
	</head>
	<body>
		
		<header class="h-header">
			<ul class="clealfax">
				<li class="left">
					<a href="javascript:history.go(-1)">
						<i class="fa fa-chevron-left"></i>返回
					</a>
				</li>
				<li>牛奶感恩季</li>
				<li class="right">
					<a href="#">
						<i class="fa fa-map-marker"></i>
						<span id="map">
							北京
						</span>
					</a>
				</li>
			</ul>
		</header>
		
		<section class="milk">
			<nav class="milk-naviget">
				<a href="milk.html">活动商品</a>
				<a href="milkragular.html">活动规则</a>
			</nav>
			
			<article class="milk-product">
				<ul class="milk-list">
					<h2 class="milk-title">品质好奶 感恩特惠</h2>
					<li class="milk-item">
						<div>
							<a href="#">
								<img src="img/milk/milk-icon2.png" class="lable"/>
								<i class="forward">预</i>
								<img src="img/milk/milk-img1.jpg" class="vegetable-product"/>
							</a>
						</div>
						<h3>
							<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
						</h3>
						<h4>
							<span>￥88.00</span>
							<a href="#">加入购物车</a>
						</h4>
					</li>
					<li class="milk-item">
						<div>
							<a href="#">
								<img src="img/milk/milk-icon1.png" class="lable"/>
								<i class="forward">预</i>
								<img src="img/milk/milk-img2.jpg" class="vegetable-product"/>
							</a>
						</div>
						<h3>
							<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
						</h3>
						<h4>
							<span>￥88.00</span>
							<a href="#">加入购物车</a>
						</h4>
					</li>
					<li class="milk-item">
						<div>
							<a href="#">
								<img src="img/milk/milk-icon1.png" class="lable"/>
								<i class="forward">预</i>
								<img src="img/milk/milk-img3.jpg" class="vegetable-product"/>
							</a>
						</div>
						<h3>
							<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
						</h3>
						<h4>
							<span>￥88.00</span>
							<a href="#">加入购物车</a>
						</h4>
					</li>
					<li class="milk-item">
						<div>
							<a href="#">
								<img src="img/milk/milk-icon1.png" class="lable"/>
								<i class="forward">预</i>
								<img src="img/milk/milk-img4.jpg" class="vegetable-product"/>
							</a>
						</div>
						<h3>
							<a href="#">【预售】【】安翠有机乾南脐橙（箱装5000g）预计11月下旬陆续发货</a>
						</h3>
						<h4>
							<span>￥88.00</span>
							<a href="#">加入购物车</a>
						</h4>
					</li>
				</ul>
				
			</article>
		</section>
		
		<footer class="h-footer">
			<div class="footera clealfax">
				<div class="f-l">
					<a href="denglu.html">登录</a>
					|
					<a href="zhuche.html">注册</a>
				</div>
				<div class="f-r">
					<a href="fankui.html">反馈</a>
					|
					<a href="#">回顶部</a>
				</div>
			</div>
			<div class="footerb">
				<a href="index.html">首页</a>
				<a href="fenlei.html">分类</a>
				<a href="#">购物车</a>
				<a href="#">我的小买</a>
				</ul>
			</div>
			<div class="footerc">
				<p> <a href="#">下载iphone客户端</a> &nbsp;&nbsp;| &nbsp;<a href="#">下载android客户端</a></p>
				<p> <a href="#">触屏版</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">电脑版</a></p>
				<p> <span class="kefu">客服电话</span><a href="#">400-005-5678</a></p>
				<div class="police clealfax">
					<a href="#">
						<img src="img/icpno.png"/>
						<p class="police-p">京公网安备 11010102000458号</p>
					</a>
					
				</div>
			</div>
		</footer>
		
		<script src="js/resize.js" ></script>
	</body>
</html>
